<template>
    <XHTree :data="treeData"></XHTree>
</template>

<script setup>
import XHTree from '@xh-UI/components/tree';

const treeData = [
    {
        id: "1",
        label: "Level one 1",
        children: [
            {
                id: "1-1",
                label: "Level two 1-1",
                children: [
                    {
                        id: "1-1-1",
                        label: "Level three 1-1-1",
                    },
                ],
            },
        ],
    },
    {
        id: "2",
        label: "Level one 2",
        children: [
            {
                id: "2-1",
                label: "Level two 2-1",
                children: [
                    {
                        id: "2-1-1",
                        label: "Level three 2-1-1",
                    },
                ],
            },
            {
                id: "2-2",
                label: "Level two 2-2",
                children: [
                    {
                        id: "2-2-1",
                        label: "Level three 2-2-1",
                    },
                ],
            },
        ],
    },
    {
        id: "3",
        label: "Level one 3",
        children: [
            {
                id: "3-1",
                label: "Level two 3-1",
                children: [
                    {
                        id: "3-1-1",
                        label: "Level three 3-1-1",
                    },
                ],
            },
            {
                id: "3-2",
                label: "Level two 3-2",
                children: [
                    {
                        id: "3-2-1",
                        label: "Level three 3-2-1",
                    },
                ],
            },
            {
                id: "3-3",
                label: "Level two 3-3",
            },
        ],
    },
];
</script>